<template>
    <div ref="watermarkContainer" class="div2"></div>
</template>

<script setup>
import { getMark } from '@/utils/watermark'
// 调用 getmark 函数并解构赋值，获取 watermark 方法
const { watermark } = getMark();
 
// 创建一个 ref 对象，将在模板中的 div 元素上绑定，以便在组件挂载后访问该元素
const watermarkContainer = ref(null);

onMounted(() => {
  if (watermarkContainer.value) {
    // 调用 watermark 方法，在 watermarkContainer 元素上添加水印
    watermark("我是水印", watermarkContainer.value);
  }
})
</script>
<style scoped>
.div2 {
    width: 100%;
    height: 400px;
    background-color: #fff; 
}
</style>